<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name="viewport"
  content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0"/>
    <title>历史版本</title>
</head>
<style type="text/css" media="screen">
   *{
    padding: 0;
    margin: 0;
   }
   a:link, a:visited, a:hover {
    color:#000;
    text-decoration:none;
    cursor: pointer;
}
   .up {

    display: flex;
    align-items: center;
    justify-content: space-between;
    height:60px;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
   }
   .up a{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
   }
   .cell-item{
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0 20px;
}
.cell-item a{
  display: block;
  height: 100%;
  width: 100%;
}
.arrow{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.arrow::after{
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}
.mesg{
  display: flex;
    flex-direction:column;


}
</style>
<body>
    <c:forEach items="${list}" var="s" varStatus="z">
    <a class="cell-item up arrow" href="<%=basePath%>app_versionhistory/app_VersionHistoryDetails?id=${s.id}">
       <div class="mesg">
       <span>${s.version}更新</span>
       <span style="color:#ccc; margin-top:5px"><fmt:formatDate value="${s.createtime}" type="date"
													        pattern="yyyy年MM月dd日 " /></span>
       </div>
    </a>
    </c:forEach>
   <script src='https://use.fontawesome.com/d1ed67737b.js'></script>
</body>
</html>